<template>
  <div class="edit-template-warpper">
    <el-form
      ref="ruleform"
      :inline="true"
      :model="form"
      :rules="rules"
      label-width="100px"
    >
      <el-form-item label="运费模板：">
        <el-select v-model="form.type" placeholder="请选择" class="type">
          <el-option
            v-for="item in pageInfo.TypeArr"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
        <el-button style="margin-left: 20px;">刷新</el-button>
        <el-button style="margin-left: 12px;">添加</el-button>
        <span style="margin-left: 20px; color: #EE0000;">备注：添加直接跳转店铺后台</span>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pageInfo: {
        TypeArr: [
          {
            label: '默认非偏远地区包邮模板',
            value: 0
          },
          {
            label: '默认全国（非港澳台）包邮模板',
            value: 1
          },
          {
            label: '小叮当 快手_12-13 22:39',
            value: 2
          }
        ]
      },
      form: {
        type: 1
      },
      rules: {}
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
p {
  margin: 0;
  line-height: 17px;
}
.edit-template-warpper {
  .type::v-deep.el-select {
    width: 360px;
  }
}
</style>
